<template>
<h3>订单详情</h3>
<hr />
<el-descriptions :column="1" >
    <el-descriptions-item label="订单号">{{tableData.order}}</el-descriptions-item>
    <el-descriptions-item label="订单金额">{{tableData.money}}</el-descriptions-item>
    <el-descriptions-item label="用户微信">xxxxx</el-descriptions-item>
    <el-descriptions-item label="付款状态">{{tableData.paystatus}}</el-descriptions-item>
    <el-descriptions-item label="订单状态">{{tableData.orderstatus}}</el-descriptions-item>
    <el-descriptions-item label="下单时间">{{tableData.time}}</el-descriptions-item>
  </el-descriptions>
  <hr />
  <el-descriptions :column="2"  direction="vertical" size="1000">
    <el-descriptions-item label="已购餐">{{tableData.deliveryp}}</el-descriptions-item>
    <el-descriptions-item label="购买次数">5次</el-descriptions-item>
  </el-descriptions>
</template>

<script>
import {defineComponent} from 'vue'
export default defineComponent({
  name: '',
  data(){
    return {
        tableData:{}
    }
  },
  created(){
   console.log( this.$route.query)
   const data1=this.$route.query
  this.tableData=data1
  console.log(this.tableData)
  
  }
})
</script>

<style lang="less" scoped>
    :deep(.el-descriptions__label:not(.is-bordered-label)) {
    color: var(--el-text-color-primary);
    margin-right: 300px;
    margin-left: 12px;
    font-weight: 900;    
}
   :deep(.el-descriptions__body .el-descriptions__table .el-descriptions__cell) {
    line-height: 68px;
}
</style>
